.large-box{
    width: 100%;
    height: 100%; 
    .main{
        width: 100%;
        height: 95%;
        margin-top: 12px;
        background-color: rgb(40, 44, 52);
        .full-screen-icon,.setting-icon{
            position: absolute;
            left: 98%;
            margin-top:8px;
        }
        .setting-icon{
            left: 96%;
        }
        .full-screen-icon:hover,
        .setting-icon:hover{
            cursor: pointer;
        }
    }
}

.main{
    .top{
        width: 100%;
        height: 55%;
        border: 1px red solid;
        
        .left,.middle,.right{
            float: left;
            width: 30%;
            height: 100%;
            border: 1px blue solid;
        }
        .middle{
            float: left;
            width: 40%;
            height: 100%;
            border: 1px blue solid;
        }
        .right{
            float: left;
            width: 30%;
            height: 100%;
            border: 1px blue solid;
        }
    }
    .bottom{
        width: 100%;
        height: 45%;
    }
}